<justify-content>
主要以主軸線來排版,且須搭配display:flex
做使用
分成以下六種:justify-content: flex-start
: 向主軸的起始位置對齊
justify-content: flex-end
: 向主軸的結束位置對齊
justify-content: center
: 在主軸上居中對齊
justify-content: space-around
: 項目之間的間距平均分佈,項目周圍會有一半大小的空白
justify-content: space-between
: 項目之間的間距平均分佈,兩端不留空白
justify-content: space-evenly
: 項目之間的間距和兩端的間距相等
以上就是<justify-content>
的介紹啦~~~
依照自己想要的樣式去做排版就可以囉~~~